<template>
  <div class="wrapper">
    <el-row :gutter="32">
      <el-col :md="6" :sm="8" :xs="12">
        <page-counter-up-part number="83" detail="BEST BRANDS"/>
      </el-col>
      <el-col :md="6" :sm="8" :xs="12">
        <page-counter-up-part number="24" detail="TOTAL ACTEGORIES"/>
      </el-col>
      <el-col :md="6" :sm="8" :xs="12">
        <page-counter-up-part number="83" detail="QUALITY PRODUCTS"/>
      </el-col>
      <el-col :md="6" :sm="8" :xs="12">
        <page-counter-up-part number="8K" detail="SETISFIED CUSTOMERS"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import PageCounterUpPart from '@/views/part/index/PageCounterUpPart'

export default {
  name: 'PageCounterUp',
  components: {
    'page-counter-up-part': PageCounterUpPart
  }
}
</script>

<style lang="scss" scoped>

  .wrapper{
    margin: 24px 0;
  }

</style>
